<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../static/technological/css/style.css">
    <link rel="stylesheet" href="../../static/personal_center/font_2369197_ev1u7owbr5a/iconfont.css">
    <link rel="stylesheet" href="../../static/personal_center/sign_in/c/css/bootstrap.min.css">
    <style>
        .add_class {
            background: #1E90FF;
        }

        .add_background {
            background: #A9A9A9;
        }

        .basic-tabs {
            box-shadow: 0 1.5px 0 0 #1E90FF;
            color: #1E90FF;
        }

        .basic {
            width: 8%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
        }

        .input-style {
            display: inline-block;
            width: 100%;
            height: 35px;
            font-size: 14px;
            border: none;
            background: white;
        }

        .textarea-style {
            display: inline-block;
            width: 74%;
            border-radius: 7px;
            font-size: 14px;
            padding-left: 1%;
            border: #cfcfcf solid 1px;
            margin-left: 1%;
        }

        .file {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }

        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }

        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }

        .halving_line {
            width: 80%;
            border: #cfcfcf solid 0.5px;
            margin-left: 2%;
        }

        .label_tag {
            width: 100px;
            text-align: right;
            vertical-align: top;
            font-size: 14px;
            line-height: 35px;
        }

        .add-station {
            width: 60%;
            height: 35px;
            background: #0070c1;
            border-color: #c5dbec;
            color: #ffffff;
        }

        tr {
            height: 35px;
        }

        tr th {
            text-align: center;
            border: 1px solid #cfcfcf;
        }
        tr td {
            border: 1px solid #cfcfcf;
        }


        .model_li {
            color: #3f414d;
            width: 25%;
            cursor: pointer;
            display: none;
        }

        .demo-input {
            padding-left: 10px;
            height: 38px;
            min-width: 262px;
            line-height: 38px;
            border: 1px solid #e6e6e6;
            background-color: #fff;
            border-radius: 2px;
        }

        .demo-footer {
            padding: 50px 0;
            color: #999;
            font-size: 14px;
        }

        .demo-footer a {
            padding: 0 5px;
            color: #01AAED;
        }

        .searchTime {
            background-image: url("../../static/administrative/img/日 历.png");
            background-size: 22px 22px; /*小图标的大小*/
            background-position: 380px 4px; /*小图标在input的位置*/
            background-repeat: no-repeat; /*背景小图标不重复*/
        }

        .search {
            width: 300px;
            display: flex;
            float: right;
            margin: 10px 0;
            margin-right: 1%;
            /*border: 1px solid red;*/
        }

        .search input {
            vertical-align: middle;
            float: left;
        / / 左浮动 flex: 4;
            height: 30px;
            width: 230px;
            outline: none;
            border: 1px solid #0070c1;
            box-sizing: border-box;
        / / 盒子模型，怪异IE盒子模型，width = content + border * 2 + padding * 2 padding-left: 10 px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

        .search button {
            float: right;
            flex: 1;
            height: 30px;
            width: 70px;
            line-height: 30px;
            background-color: #0070c1;
            color: white;
            border-style: none;
            outline: none;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
        }

        .search button i {
            font-style: normal;
        }

        .search button:hover {
            font-size: 16px;
        }

        .li-class {
            list-style: none;
            margin-top: 2%;
            color: #0b0b0b;
            cursor: pointer;
        }

        #addForm {
            width: 800px;
            height: 620px;
            background: #F5F5F5;
            position: absolute;
            border: #dfdfdf solid 1px;
            margin: auto;
            border-radius: 3px;
            top: 50%;
            left: 50%;
            /* 实现鼠标拖拽使用css3效果 */
            transform: translate(-50%, -50%);
            display: none;
            z-index: 10100;
            font-size: 0;
        }

        /* 标题 */
        #title {
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 0 10px;
            height: 50px;
            color: #0b0b0b;
            cursor: move;
            /*border: #dfdfdf solid 1px;*/
            width: 100%;
            background: #f4f7fa;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
    </style>
</head>
<body>
<div style="padding: 15%">
    <div style="width: 100%;">
        <div style="text-align: right;width: 20%; display: inline-block">选择密级:</div>
        <div style="width: 70%; display: inline-block; margin:40px 0 20px 0; ">
            <select name="" id="security" onclick="f()" style="width: 100%; height: 30px; border-radius: 4px">
                <option value="true">公开</option>
                <option value="false">私密</option>
            </select>
        </div>
    </div>
    <div style="width: 100%;margin: 25px 0 40px 0;vertical-align: center">
        <div style="text-align: right;width: 20%; display: inline-block; line-height: 30px;">选择人员:</div>
        <div id="field_leader" style="padding-left: 3px; width: 70%; min-height: 30px; height: auto; display: inline-block; border: #000000 solid 1px;border-radius: 4px;" onclick="entrust(this.id)"></div>
    </div>
    <div style="width: 100%;text-align: center"><button onclick="submit_person()" style="margin-top: 200px; height: 30px; width: 100px; border: none; background: #1E90FF; cursor: pointer; color: #FFFFFF; border-radius: 4px;">提交</button></div>

    <div id="addForm">
        <!-- 标题 -->
        <div id="title">
            <h5 id="h5-title"
                style="line-height: 50px;width: 15%;margin-left: 1%;display: inline-block;font-size: 18px;">选择同行人员</h5>
            <div class="search"
                 style="vertical-align: center;display: inline-block;text-align: right;margin-left: 35%;font-size: 14px;">
                <input type="text" placeholder="请输入..." name="" id="search_data" value="">
                <button id="search_button">搜索</button>
            </div>
            <span onclick="close_models1()" style="float: right;line-height: 50px;padding-right: 2%;cursor: pointer;"><i
                    class="iconfont icon-quchu"></i></span>
        </div>
        <div style="display: inline-block;width: 30%;height: 350px;border-right: #E8E8E8 solid 1px;border-top: #E8E8E8 solid 1px;">
            <div style="width: 100%;height: 35px;line-height: 35px;padding-left: 2%;color: #0b0b0b;border-bottom: #cfcfcf solid 1px;font-size: 14px;">
                <div id="an_branch"
                     style="width: 31.5%;display: inline-block;cursor: pointer;text-align: center;color: #01aaed;">
                    按部门
                </div>
                <div id="an_rank"
                     style="width: 31.5%;display: inline-block;cursor: pointer;text-align: center;">按权限
                </div>
                <div id="an_func"
                     style="width: 31.5%;display: inline-block;cursor: pointer;text-align: center;">按职能
                </div>
            </div>
            <div id="department_list" style="width: 100%;height: 315px;overflow: auto;">
                <div style="width: 100%;height: 100%;text-align: center;">
                    <img style="width: 30%;height: 30%;margin-top: 35%;"
                         src="../../static/public_file/images/jiazai.gif" alt="">
                </div>
            </div>
        </div>

        <div style="display: inline-block;width: 69.5%;height: 350px;overflow: auto;vertical-align: top;left: 0;font-size: 14px;">
            <table style="border-collapse: collapse;margin: 0;padding: 0;border: 1px solid #cfcfcf; width: 100%;">
                <thead>
                <tr>
                    <th style="width: 10%; height: 35px;"><input id="all_select_checkbox" type="checkbox"></th>
                    <th style="width: 20%; height: 35px;">序号</th>
                    <th style="width: 35%; height: 35px;">姓名</th>
                    <th style="width: 35%; height: 35px;">工号</th>
                </tr>
                </thead>
                <tbody style="overflow: auto;" id="t_table2"></tbody>
            </table>
            <div id="img-display1" style="width: 75%;text-align: center;">
                <div style="margin-top: 10%;">
                    <img src="../../static/public_file/images/page-img/11.jpg" alt="">
                    <p style="margin: 0;padding: 0;vertical-align: top;">暂无数据</p>
                </div>
            </div>
        </div>

        <div style="height: 140px;width: 100%;border-top: #E8E8E8 solid 1px;overflow: auto;">
            <div id="checked-label" style="margin-top: 1%;margin-left: 3%;width: 90%;font-size: 14px;">

            </div>
        </div>
        <hr>
        <div style="height: 70px;padding-right: 2%;font-size: 14px;">
            <button id="model-affirm"
                    style="border-radius: 3px;height: 30px;float: right;border: #1E90FF solid 1px;background: #1E90FF;color: white;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提&nbsp;交&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </button>
        </div>
    </div>
</div>
</body>
<script>
    function f() {
        var value = document.getElementById('security').value;
        if (value === 'true') {

        }
    }

    let title1 = document.querySelector("#title");
    let addForm1 = document.querySelector("#addForm");

    title1.addEventListener("mousedown", function (e) {
        let x = e.pageX - addForm1.offsetLeft;
        let y = e.pageY - addForm1.offsetTop;


        document.addEventListener("mousemove", move);

        function move(e) {
            addForm1.style.left = e.pageX - x + 'px';
            addForm1.style.top = e.pageY - y + 'px';
        }

        document.addEventListener("mouseup", function (e) {
            document.removeEventListener("mousemove", move);
        })
    });

    function close_models1() {
        document.getElementById("addForm").style.display = "none";
    }

    function entrust(td_id) {
        sessionStorage.clear();
        document.getElementById("addForm").style.display = "table-row";
        document.getElementById("an_branch").style.color = "#01aaed";
        document.getElementById("an_rank").style.color = "#0b0b0b";
        document.getElementById("an_func").style.color = "#0b0b0b";
        document.getElementById("all_select_checkbox").checked = false;
        var check_box_list = document.getElementsByClassName("check_box");
        document.getElementById("search_button").setAttribute("onclick", "search_data()");
        document.getElementById("an_branch").setAttribute("onclick", "change_left_val(this.id)");
        document.getElementById("an_rank").setAttribute("onclick", "change_left_val(this.id)");
        document.getElementById("an_func").setAttribute("onclick", "change_left_val(this.id)");
        document.getElementById("model-affirm").setAttribute("onclick", "summit_val('" + td_id + "')");
        for (var t = 0; t < check_box_list.length; t++) {
            document.getElementById(check_box_list[t].id).checked = false;
        }
        document.getElementById("checked-label").innerHTML = "";

        if (td_id === 'field_leader') {
            document.getElementById("h5-title").innerText = "选择人员";
        }

        deltr1();
        document.getElementById("img-display1").style.display = "inline-block";
        if (window.branch_list) {
            var branch_list = window.branch_list;
            var department_list = document.getElementById("department_list");
            department_list.innerHTML = "";
            var ul_tag = document.createElement("ul");
            ul_tag.style.fontSize = "0";
            ul_tag.style.margin = "0";
            ul_tag.style.padding = "0";
            for (var i = 0; i < branch_list.length; i++) {
                var li_tag = document.createElement("li");
                li_tag.style.fontSize = "14px";
                li_tag.style.margin = "0";
                li_tag.style.padding = "0";
                li_tag.innerHTML = "<p style='margin-left: 20%;'>" + branch_list[i] + "</p>";
                li_tag.setAttribute("onclick", "choice_peopel('" + branch_list[i] + "')");
                li_tag.setAttribute("id", branch_list[i]);
                li_tag.className = "li-class";
                ul_tag.appendChild(li_tag);
                department_list.appendChild(ul_tag);
            }
        } else {
            var xhr = new XMLHttpRequest();
            var local_host = window.location.host;          // 获取当前IP
            xhr.open('post', "/technological/delegation", true);
            xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
            xhr.send();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200) {
                        var JsonDate = JSON.parse(xhr.responseText);
                        window.personnel_list = JsonDate["data"];
                        window.emp_info_dict = JsonDate["emp_info_dict"];
                        window.people_dict = JsonDate["people_dict"];
                        window.people_dict_new = JsonDate["people_dict_new"];
                        window.branch_list = JsonDate["branch_list"];
                        window.function_list = JsonDate["function_list"];
                        var department_list = document.getElementById("department_list");
                        department_list.innerHTML = "";
                        var ul_tag = document.createElement("ul");
                        ul_tag.style.fontSize = "0";
                        ul_tag.style.margin = "0";
                        ul_tag.style.padding = "0";
                        for (var i = 0; i < JsonDate["branch_list"].length; i++) {
                            var li_tag = document.createElement("li");
                            li_tag.style.fontSize = "14px";
                            li_tag.style.margin = "0";
                            li_tag.style.padding = "0";
                            li_tag.innerHTML = "<p style='margin-left: 20%;'>" + JsonDate["branch_list"][i] + "</p>";
                            li_tag.setAttribute("onclick", "choice_peopel('" + JsonDate["branch_list"][i] + "')");
                            li_tag.setAttribute("id", JsonDate["branch_list"][i]);
                            li_tag.className = "li-class";
                            ul_tag.appendChild(li_tag);
                            department_list.appendChild(ul_tag);
                        }
                    }
                }
            }
        }
    }

    // 删除列表
    function deltr1() {
        var tb = document.getElementById('t_table2');
        var rowNum = tb.rows.length;
        for (i = 0; i < rowNum; i++) {
            tb.deleteRow(i);
            rowNum = rowNum - 1;
            i = i - 1;
        }
    }

    function change_left_val(ele_id) {
        if (ele_id === "an_rank") {
            document.getElementById("an_branch").style.color = "#0b0b0b";
            document.getElementById("an_func").style.color = "#0b0b0b";
            document.getElementById(ele_id).style.color = "#01aaed";
            deltr1();
            document.getElementById("img-display1").style.display = "inline-block";
            document.getElementById("department_list").innerHTML = "";
            var new_branch_list = ["书记、院长:A", "院领导:B", "职能科室负责人:C", "临床医技科室负责人:D", "副主任:G", "护士长:E", "普通员工:F"];
            var new_department_list = document.getElementById("department_list");
            var new_ul_tag = document.createElement("ul");
            new_ul_tag.style.fontSize = "0";
            new_ul_tag.style.margin = "0";
            new_ul_tag.style.padding = "0";
            for (var EF = 0; EF < new_branch_list.length; EF++) {
                var new_li_tag = document.createElement("li");
                new_li_tag.style.fontSize = "14px";
                new_li_tag.style.margin = "0";
                new_li_tag.style.padding = "0";
                new_li_tag.style.paddingLeft = "5%";
                new_li_tag.innerHTML = "<p>" + new_branch_list[EF].split(":")[0] + "</p>";
                new_li_tag.setAttribute("onclick", "choice_peopel_1('" + new_branch_list[EF].split(":")[1] + "')");
                new_li_tag.setAttribute("id", new_branch_list[EF].split(":")[1]);
                new_li_tag.className = "li-class";
                new_ul_tag.appendChild(new_li_tag);
                new_department_list.appendChild(new_ul_tag);
            }
        } else if (ele_id === 'an_func') {
            document.getElementById("an_branch").style.color = "#0b0b0b";
            document.getElementById("an_rank").style.color = "#0b0b0b";
            document.getElementById(ele_id).style.color = "#01aaed";
            deltr1();
            document.getElementById("img-display1").style.display = "inline-block";
            document.getElementById("department_list").innerHTML = "";
            var department_list_1 = document.getElementById("department_list");
            var ul_tag_1 = document.createElement("ul");
            ul_tag_1.style.fontSize = "0";
            ul_tag_1.style.margin = "0";
            ul_tag_1.style.padding = "0";
            var function_list = window.function_list;
            var func_list = [];
            for (var tt in function_list['function_dict']) {
                func_list.push(tt);
            }
            console.log(func_list)
            for (var AB = 0; AB < func_list.length; AB++) {
                var new_li_1 = document.createElement("li");
                new_li_1.style.fontSize = "14px";
                new_li_1.style.margin = "0";
                new_li_1.style.padding = "0";
                new_li_1.style.paddingLeft = "5%";
                new_li_1.innerHTML = "<p>" + func_list[AB] + "</p>";
                new_li_1.setAttribute("onclick", "choice_peopel_2('" + function_list['function_dict'][func_list[AB]] + "')");
                new_li_1.setAttribute("id", function_list['function_dict'][func_list[AB]]);
                new_li_1.className = "li-class";
                ul_tag_1.appendChild(new_li_1);
                department_list_1.appendChild(ul_tag_1);
            }
        } else {
            document.getElementById("an_rank").style.color = "#0b0b0b";
            document.getElementById("an_func").style.color = "#0b0b0b";
            document.getElementById(ele_id).style.color = "#01aaed";
            deltr1();
            document.getElementById("img-display1").style.display = "inline-block";
            document.getElementById("department_list").innerHTML = "";
            var branch_list = window.branch_list;
            var department_list = document.getElementById("department_list");
            department_list.innerHTML = "";
            var ul_tag = document.createElement("ul");
            ul_tag.style.fontSize = "0";
            ul_tag.style.margin = "0";
            ul_tag.style.padding = "0";
            for (var i = 0; i < branch_list.length; i++) {
                var li_tag = document.createElement("li");
                li_tag.style.fontSize = "14px";
                li_tag.style.margin = "0";
                li_tag.style.padding = "0";
                li_tag.innerHTML = "<p style='margin-left: 20%;'>" + branch_list[i] + "</p>";
                li_tag.setAttribute("onclick", "choice_peopel('" + branch_list[i] + "')");
                li_tag.setAttribute("id", branch_list[i]);
                li_tag.className = "li-class";
                ul_tag.appendChild(li_tag);
                department_list.appendChild(ul_tag);
            }
        }
    }

    // 创建右侧选择人员列表
    function choice_peopel_1(choice_key, chose_id) {
        var data_str = sessionStorage.getItem(choice_key);
        var data_list = [];
        if (data_str) {
            data_list = data_str.split(",")
        }
        var people_dict = window.people_dict;
        var people_dict_new = window.people_dict_new;
        document.getElementById("img-display1").style.display = "none";
        var t_table = document.getElementById("t_table2");
        if (document.getElementsByClassName("li-class add_background").length > 0) {
            var old_tag_id = document.getElementsByClassName("li-class add_background")[0].id;
            document.getElementById(old_tag_id).className = "li-class";
        }
        document.getElementById(choice_key).className = "li-class add_background";
        deltr1();
        document.getElementById("all_select_checkbox").checked = false;
        document.getElementById("all_select_checkbox").setAttribute("onclick", "check_all_select('" + choice_key + "', 'executor2')")
        for (var i = 0; i < people_dict_new[choice_key].length; i++) {
            var elm = people_dict_new[choice_key];
            var tr = document.createElement("tr");
            var td = document.createElement("td");
            var td1 = document.createElement("td");
            var td2 = document.createElement("td");
            var td3 = document.createElement("td");
            {#console.log('elm[i]', elm[i])#}
            td.innerHTML = "<input id='" + elm[i].real_name + '(' + elm[i].job_number + ')' + "' class='check_box' type=\"checkbox\" onclick='choice_consignor(this.id, \"" + chose_id + "\"" + ", \"" + choice_key + "\")'>";
            td.style.textAlign = "center";
            td1.innerHTML = i + 1;
            td1.style.textAlign = "center";
            td2.innerHTML = elm[i].real_name;
            td2.title = elm[i].real_name;
            td2.style.textAlign = "center";
            td3.innerHTML = elm[i].job_number;
            td3.title = elm[i].job_number;
            td3.style.textAlign = "center";
            tr.appendChild(td);
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            t_table.appendChild(tr);
        }
        var tttt = 0;
        if (data_list) {
            if (data_list[0] === "all") {
                document.getElementById("all_select_checkbox").checked = true;
                tttt = 1
            }
        }
        for (var III = tttt; III < data_list.length; III++) {
            document.getElementById(data_list[III].trim()).checked = true;
        }
    }

    // 创建右侧选择人员列表
    function choice_peopel_2(choice_key, chose_id) {
        var data_str = sessionStorage.getItem(choice_key);
        var data_list = [];
        if (data_str) {
            data_list = data_str.split(",")
        }

        var people_dict_new = window.function_list;
        document.getElementById("img-display1").style.display = "none";
        var t_table = document.getElementById("t_table2");
        if (document.getElementsByClassName("li-class add_background").length > 0) {
            var old_tag_id = document.getElementsByClassName("li-class add_background")[0].id;
            document.getElementById(old_tag_id).className = "li-class";
        }
        document.getElementById(choice_key).className = "li-class add_background";
        deltr1();
        document.getElementById("all_select_checkbox").checked = false;
        document.getElementById("all_select_checkbox").setAttribute("onclick", "check_all_select('" + choice_key + "', 'executor2')")
        for (var i = 0; i < people_dict_new[choice_key].length; i++) {
            var elm = people_dict_new[choice_key];
            var tr = document.createElement("tr");
            var td = document.createElement("td");
            var td1 = document.createElement("td");
            var td2 = document.createElement("td");
            var td3 = document.createElement("td");
            {#console.log('elm[i]', elm[i])#}
            td.innerHTML = "<input id='" + elm[i].real_name + '(' + elm[i].job_number + ')' + "' class='check_box' type=\"checkbox\" onclick='choice_consignor(this.id, \"" + chose_id + "\"" + ", \"" + choice_key + "\")'>";
            td.style.textAlign = "center";
            td1.innerHTML = i + 1;
            td1.style.textAlign = "center";
            td2.innerHTML = elm[i].real_name;
            td2.title = elm[i].real_name;
            td2.style.textAlign = "center";
            td3.innerHTML = elm[i].job_number;
            td3.title = elm[i].job_number;
            td3.style.textAlign = "center";
            tr.appendChild(td);
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            t_table.appendChild(tr);
        }
        var tttt = 0;
        if (data_list) {
            if (data_list[0] === "all") {
                document.getElementById("all_select_checkbox").checked = true;
                tttt = 1
            }
        }
        for (var III = tttt; III < data_list.length; III++) {
            document.getElementById(data_list[III].trim()).checked = true;
        }
    }

    function choice_peopel(choice_key, chose_id) {
        var data_str = sessionStorage.getItem(choice_key);
        var data_list = [];
        if (data_str) {
            data_list = data_str.split(",")
        }
        var emp_info_dict = window.emp_info_dict;
        document.getElementById("img-display1").style.display = "none";
        var t_table = document.getElementById("t_table2");
        if (document.getElementsByClassName("li-class add_background").length > 0) {
            var old_tag_id = document.getElementsByClassName("li-class add_background")[0].id;
            document.getElementById(old_tag_id).className = "li-class";
        }
        document.getElementById(choice_key).className = "li-class add_background";
        deltr1();
        document.getElementById("all_select_checkbox").checked = false;
        document.getElementById("all_select_checkbox").setAttribute("onclick", "check_all_select('" + choice_key + "', '" + chose_id + "')");

        for (var i = 0; i < emp_info_dict[choice_key].length; i++) {
            var elm = emp_info_dict[choice_key]
            var tr = document.createElement("tr");
            var td = document.createElement("td");
            var td1 = document.createElement("td");
            var td2 = document.createElement("td");
            var td3 = document.createElement("td");
            {#console.log('elm[i]', elm[i])#}
            td.innerHTML = "<input id='" + elm[i].real_name + "(" + elm[i].job_number + ')' + "' class='check_box' type=\"checkbox\" onclick='choice_consignor(this.id, \"" + chose_id + "\"" + ", \"" + choice_key + "\")'>";
            td.style.textAlign = "center";
            td1.innerHTML = i + 1;
            td1.style.textAlign = "center";
            td2.innerHTML = elm[i].real_name;
            td2.title = elm[i].real_name;
            td2.style.textAlign = "center";
            td3.innerHTML = elm[i].job_number;
            td3.title = elm[i].job_number;
            td3.style.textAlign = "center";
            tr.appendChild(td);
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            t_table.appendChild(tr);
        }

        var tttt = 0;
        if (data_list) {
            if (data_list[0] === "all") {
                document.getElementById("all_select_checkbox").checked = true;
                tttt = 1
            }
        }
        for (var III = tttt; III < data_list.length; III++) {
            document.getElementById(data_list[III].trim()).checked = true;
        }
    }

    // 复选框全选
    function check_all_select(choice_key, chose_id) {
        var select_check = document.getElementById("all_select_checkbox").checked;
        var all_check_box = document.getElementsByClassName("check_box");
        chose_id = 'executor2'
        if (chose_id === "executor2") {
            var tag_id = "executor_str";
        } else {
            tag_id = "executor_str1";
        }

        var executor_list = [];
        var executor_str = document.getElementById(tag_id);
        if (executor_str) {
            if (executor_str.innerText.trim()) {
                executor_list = executor_str.innerText.split(", ")
            }
        }

        var new_check_val_list = [];
        var check_val_list = [];
        for (var HH = 0; HH < all_check_box.length; HH++) {
            all_check_box[HH].checked = true;
            check_val_list.push(all_check_box[HH].id);
            if (executor_list.lastIndexOf(all_check_box[HH].id) === -1) {
                new_check_val_list.push(all_check_box[HH].id)
            }
        }

        if (select_check) {
            if (chose_id === "executor2" || chose_id === "executor4") {

                if (executor_str) {
                    if (executor_str.innerText.trim()) {
                        document.getElementById(tag_id).innerHTML = executor_str.innerText + ", " + new_check_val_list.join(", ");
                    } else {
                        document.getElementById(tag_id).innerHTML = new_check_val_list.join(", ");
                    }

                } else {
                    document.getElementById("checked-label").innerHTML = "<span id='" + tag_id + "' style='margin-left: 1%;width: 100%;'>" + check_val_list.join(", ") + "</span>";
                }
                sessionStorage.setItem(choice_key, "all" + ", " + check_val_list.join(", "))
            } else {
                alert("该节点不能多选！");
                document.getElementById("all_select_checkbox").checked = false;
            }
        } else {
            sessionStorage.removeItem(choice_key);
            check_val_list = [];
            for (var II = 0; II < all_check_box.length; II++) {
                all_check_box[II].checked = false;
                check_val_list.push(all_check_box[II].id);
            }
            var old_check_val = document.getElementById(tag_id).innerHTML.split(", ");
            console.log(old_check_val)
            for (var TB = 0; TB < check_val_list.length; TB++) {
                removeByValue(old_check_val, check_val_list[TB])
            }

            document.getElementById(tag_id).innerHTML = old_check_val.join(", ");
        }
    };

    function removeByValue(arr, val) {
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] === val) {
                arr.splice(i, 1);
                break;
            }
        }
    };

    // 选择委托人
    function choice_consignor(ele_id, chose_id, choice_key) {
        chose_id = 'executor2';
        if (chose_id === "executor2" || chose_id === "executor4") {
            var dataStr = sessionStorage.getItem(choice_key);
            var dataList = [];
            if (dataStr) {
                sessionStorage.setItem(choice_key, dataStr + ", " + ele_id)
            } else {
                sessionStorage.setItem(choice_key, ele_id)
            }

            if (chose_id === "executor2") {
                var tag_id = "executor_str";
            } else {
                tag_id = "executor_str1";
            }
            var executor_str = document.getElementById(tag_id);
            if (executor_str) {
                if (document.getElementById(ele_id).checked) {
                    if (executor_str.innerText.trim()) {
                        document.getElementById(tag_id).innerHTML = executor_str.innerText + ", " + ele_id;
                    } else {
                        document.getElementById(tag_id).innerHTML = ele_id;
                    }
                } else {
                    var str_push = [];
                    var executor_list = executor_str.innerText.split(", ");
                    for (var kl = 0; kl < executor_list.length; kl++) {
                        if (executor_list[kl] !== ele_id) {
                            str_push.push(executor_list[kl])
                        }
                    }
                    document.getElementById(tag_id).innerHTML = str_push.join(", ")
                }
            } else {
                document.getElementById("checked-label").innerHTML = "<span id='" + tag_id + "' style='margin-left: 1%;width: 100%;'>" + ele_id + "</span>";
            }
        } else {
            check_more_one_not(ele_id);
            document.getElementById("checked-label").innerHTML = "<span id='" + tag_id + "' style='margin-left: 1%;'>" + ele_id + "</span>";
        }

    }

    function summit_val(td_id) {
        var executor111 = '';
        var checked_label = document.getElementById("checked-label");
        for (var j = 0; j < checked_label.children.length; j++) {
            executor111 = executor111 + checked_label.children[j].innerText.trim() + ", ";
        }
        document.getElementById("addForm").style.display = "none";
        var executor_people = executor111.slice(0, -2);
        document.getElementById(td_id).innerText = executor_people;
    };

    function search_data() {
        var searchData = document.getElementById("search_data").value;
        var emp_info_dict = window.emp_info_dict;
        console.log(emp_info_dict);
        var searchValNum = 1;
        var department_list = document.getElementById("department_list");
        document.getElementById("all_select_checkbox").checked = false;
        document.getElementById("all_select_checkbox").setAttribute("onclick", "check_all_select('all')");
        document.getElementById("img-display1").style.display = "none";
        var t_table = document.getElementById("t_table2");
        t_table.innerHTML = "";
        for (var i in emp_info_dict) {
            for (var j = 0; j < emp_info_dict[i].length; j++) {
                if (emp_info_dict[i][j]["real_name"].indexOf(searchData) !== -1) {
                    var elm = emp_info_dict[i];
                    var tr = document.createElement("tr");
                    var td = document.createElement("td");
                    var td1 = document.createElement("td");
                    var td2 = document.createElement("td");
                    var td3 = document.createElement("td");
                    td.innerHTML = "<input id='" + elm[j].real_name + "(" + elm[j].job_number + ')' + "' class='check_box' type=\"checkbox\" onclick='choice_consignor(this.id, \"" + i + "\")'>";
                    td.style.textAlign = "center";
                    td1.innerHTML = searchValNum;
                    td1.style.textAlign = "center";
                    td2.innerHTML = elm[j].real_name;
                    td2.title = elm[j].real_name;
                    td2.style.textAlign = "center";
                    td3.innerHTML = elm[j].job_number;
                    td3.title = elm[j].job_number;
                    td3.style.textAlign = "center";
                    tr.appendChild(td);
                    tr.appendChild(td1);
                    tr.appendChild(td2);
                    tr.appendChild(td3);
                    t_table.appendChild(tr);
                    searchValNum += 1;
                }
            }
        }
    }

    function submit_person() {
        var url = window.location.href;
        var id = url.split('?')[1].replace('id=', '');
        var is_secrecy = document.getElementById('security').value;
        if (is_secrecy === 'true') {
            var watched_users = '';
        } else {
            watched_users = document.getElementById('field_leader').innerText;
        }
        var xhr = new XMLHttpRequest();
        var local_host = window.location.host;          // 获取当前IP
        xhr.open('post', "/document-management/peresonal_document_write_view", true);
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
        xhr.send('id=' + id + '&is_secrecy=' + is_secrecy + '&watched_users=' + watched_users);
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                if (xhr.status === 200) {
                    var JsonDate = JSON.parse(xhr.responseText);
                    if (JsonDate["code"] === 200) {
                        alert(JsonDate['message']);
                        window.location = "/document-management/peresonal_document_view";
                        document.getElementById("loading").style.display = "none";
                    } else {
                        alert(JsonDate['message']);
                        document.getElementById("loading").style.display = "none";
                    }
                }
            }
        }
    }
</script>
</html>